/*
 *	音乐播放器
 */
body,html{min-height: 100%;}
body{-webkit-tap-highlight-color:rgba(0,0,0,0);font-size: .28rem;background:#efeff4;padding-bottom: .5rem;}
.mt02r {margin-top: .2rem;}
.color_1 {color:#4b4e61;}

/* sprite img */
.audio_box .btn_play,.audio_box .btn_pause,.btn_prev,.btn_next,.song_list em,.audioConSlideToggle span {background: url(../images/audio/audioImgs.png) no-repeat;background-size:.42rem 5.6rem;}


.audio_box {overflow: hidden;padding:.4rem .4rem .6rem;}
.audio_title{text-align: center;color: #4b4e61;font-size:.34rem;min-height: .5rem;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;font-weight: bold;}
.audio_box .music-nav {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 0.5rem;
  width: 100%;
}
.audio_progress {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  height: 0.2rem;
  -webkit-appearance: none;
}
.audio_progress input{
  left: 0;
  top:0;
  position: absolute;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 5rem;
  height: 0.2rem;
  -webkit-appearance: none;
  opacity:0;
}
.audio_progress input::-webkit-slider-thumb {
  width: 0.2rem;
  height: 0.2rem;
  background-color: #0d0d0d;
  background-size: 0.2rem ;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.audio_line{
  width: 100%;
  height: 0.04rem;
  background-color: #333;
}
.audio_blue{
  width: 0;
  height: 0.04rem;
  position: absolute;
  top:50%;
  margin-top:-0.02rem;
  left:0 ;
  background-color:#e65547;
}
.audio_dot{
   position: absolute;
   top:-.1rem;;
   left:-.2rem;
   width: 0.4rem;
   height: 0.4rem;
   background-image: url(../images/audio/btn_now.png);
   background-repeat: no-repeat;
   background-size: 0.4rem ;
}
.audio_time {margin:.16rem .1rem 0;color: #333;-webkit-justify-content: space-between;justify-content: space-between;}
.audio_time .time{width:1rem;height:.26rem;font-size: 0.20rem;}
.audio_time .time:first-child {text-align: left;}
.audio_time .time:last-child {text-align:right;}
.audio_btn{
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
}
.audio_btn #play {width: .88rem;height: .88rem;border-radius: 1rem;background: #e65547;margin:0 1rem;box-shadow: 0 0 .2rem rgba(0,0,0,.2);}
.audio_box .btn_fr {
  width: 0.62rem;
  height: 0.62rem;
}
.audio_box .btn_ff {
  width: 0.62rem;
  height: 0.62rem;
}
.audio_box .cover {width: 3.1rem;height: 3.1rem;background: #f5f5f5; margin:.3rem auto 0;overflow:hidden;box-shadow: 0 0 .5rem rgba(0,0,0,.2);background-size: cover;}
.btn_prev,.btn_next {width: .62rem;height: .62rem;}
.btn_prev {background-position: .14rem -.74rem;}
.btn_next {background-position: .2rem .08rem;}
.audio_box .btn_play{position: absolute;width: 0.62rem;height: 0.62rem;top:50%;left: 50%;margin-top: -0.31rem;margin-left: -0.31rem;background-position:.2rem -2.6rem;}
.audio_box .btn_pause {background-position: .2rem -1.7rem;}
.audio_content {background: #fff;padding:.3rem 0;overflow: hidden;}

/* 音频内容 */
.audio_tab {font-size: .34rem;text-align: center;position: relative;}
.audio_tab:before {content: "";position: absolute;width: 100%;height: 1px;background: #e6e6e6;left:0;bottom:0;
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5);
	-webkit-transform-origin:center center;
	transform-origin:center center;
}
.audio_tab li span {font-size: .28rem;color: #999;margin-left:.06rem;position: relative;bottom:.04rem;}
.audio_tab .current p {color: #f14a51;border-bottom:.05rem solid  #f14a51;display: inline-block;padding:0 .3rem .1rem;position: relative;z-index: 2;}
.audio_tab .current span {color: #f14a51;}
.audio_con_box {width: 200%;-webkit-transition: all .3s ease;transition: all .3s ease;}
.audio_con {padding:.3rem .3rem 0;width: 50%;height:6.26rem;overflow: hidden;}
#audioText h3 {font-size: .32rem;color: #4b4e61;position: relative;padding-left:.2rem;font-weight: normal;}
#audioText h3:before {content: "";position: absolute;width:.1rem;height: .1rem;border-radius:1rem;background: #4b4e61;top:40%;left:0;}
#audioText h3:not(:nth-of-type(1)) {margin-top: .3rem;}
#audioText p {font-size: .26rem;color: #666;line-height: 1.75;margin-top: .2rem;text-indent: 2em;}
.audio_con .more {font-size: .32rem;text-align: center;text-align:center;margin-top:.2rem;}
.audio_con .more a {color: #007aff;}
.audioConSlideToggle {font-size: .24rem;color: #4c77aa;text-align: center;height:.32rem;line-height: .32rem;position: relative;z-index: 2;}
.audioConSlideToggle:before {content: "";position: absolute;width: 100%;height: 1rem;left:0;bottom:0;z-index: -1;
background:-webkit-linear-gradient(rgba(255,255,255,0),white 50%);
background:linear-gradient(rgba(255,255,255,0),white 50%);
}
.audioConSlideToggle span {display: inline-block;background-position: 0 -4.98rem;padding-left:.3rem;}
.audioConSlideToggle.up span {background-position: 0 -5.3rem;}
.audioConSlideToggle.up {position: inherit;}

/* 节目列表 */
.song_list {font-size: .32rem;color: #4b4e61;}
.song_list .cur {color: #f80}
.song_list li {height: .88rem;line-height: .88rem;position: relative;color: #4b4e61;overflow: hidden;}
.song_list li:before {content: "";position: absolute;width: 100%;height: 1px;background: #e6e6e6;left:0;bottom:0;
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5);
	-webkit-transform-origin:center bottom;
	transform-origin:center bottom;
}
.song_list em {display:inline-block;width: .44rem;height: .44rem;background-position: 0 -4.26rem;}
.song_list .cur em.on {background-position: 0 -3.55rem;}
.song_list li p {margin: .1rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.song_list li em {flex-shrink:0;}

/* 相关产品 */
.aboutPro {background: #fff;border-bottom: 1px solid #e6e6e6;padding:.2rem .3rem .7rem;position:relative;}
.aboutPro:before {content: "";position: absolute;width: 100%;height: 1px;background: #e6e6e6;top:0;left:0;
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5);
	-webkit-transform-origin:center top;
	transform-origin:center top;
}
.aboutPro .title{font-size:16px;color:#333;line-height: 34px;}
.aboutPro .title a{display:inline-block;float:right;font-size:.24rem;color:#999;position:relative;font-weight: normal;padding-right:.2rem;}
.aboutPro .title a:after{position:absolute;content:'';width:.16rem;height:.16rem;border-right:.02rem solid #ccc;border-bottom:.02rem solid #ccc;right:0;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);top:.26rem;}
.swiperBestSel a{display:block;position:relative;padding-top:.2rem;}
.swiperBestSel a .labelPic{position:absolute;width:.7rem;height:.7rem;background:url('../images/audio/label.png') no-repeat;background-size:contain;top:-1px;left:-1px;}
.swiperBestSel{width:100%;margin-top:.1rem;text-align:center;border:1px dotted #ddd;border-radius:.12rem;position:relative;}
.swiperBestSel a h4{color: #4b4e61;font-weight: normal;}
.swiperBestSel a .label{margin-top:5px;}
.swiperBestSel a .label span{padding:.04rem .1rem;border:1px solid #AF9566;color:#AF9566;font-size:.22rem;display:inline-block;border-radius:.08rem;margin-right:.1rem;}
.swiperBestSel a p{color:#999;font-size:.24rem;height: .6rem;line-height: .6rem;overflow: hidden;}
.swiper-pagination-clickable{left: 0;width: 100%;bottom:.2rem;}
.swiper-pagination-clickable .swiper-pagination-bullet {margin: 0 .1rem;}
.swiper-pagination-bullet-active{background:#f14a51 !important;}
